<!DOCTYPE html>
<html>

<head>test promise</head>

<body>
    <div>
        <button onclick="testClass1()">测试class</button>
    </div>
    <!-- 定义一个div，边框为红色，宽度为100 -->
    <div id="testClass1" style="border:1px solid red;width:100px;"></div>
</body>
<script type="text/javascript">
    //定义一个类，名字是Animal，有一个跑的方法
    class Animal {
        constructor(name) {
            this.name = name;
        }
        run() {
            console.log(this.name + ' is running...');
        }
        // 输入一个字符串，截取第一个字符，并返回
        getFirstLetter(str) {
            return str.charAt(0);
        }
        // 需要一个睡眠方法，阻塞线程60秒
        sleep(time) {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve();
                }, time);
            });
        }
    }
    function testClass1() {
        var am = new Animal("brook");
        am.run();
        am.sleep(3000);
        var lb = am.getFirstLetter("ccc");
        console.log("lb=%s", lb);
    }
</script>